<template>
    <div class="level is-mobile nav-my">
        <div class="level-item has-text-centered">
            <div>
                <div>
                    <span class="icon is-left is-small search-icon">
                        <i class="fas fa-book"></i>
                    </span>
                </div>
                <div>
                    <p>首页</p>
                </div>
            </div>
        </div>
        <div class="level-item has-text-centered">
            <div>
                <div>
                    <span class="icon is-left is-small search-icon">
                        <i class="fas fa-link"></i>
                    </span>
                </div>
                <div>
                    <p>想法</p>
                </div>
            </div>
        </div>
        <div class="level-item has-text-centered">
            <div>
                <div>
                    <span class="icon is-left is-small search-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </span>
                </div>
                <div>
                    <p>大学</p>
                </div>
            </div>
        </div>
        <div class="level-item has-text-centered">
            <div>
                <div>
                    <span class="icon is-left is-small search-icon">
                        <i class="fas fa-bell"></i>
                    </span>
                </div>
                <div>
                    <p>消息</p>
                </div>
            </div>
        </div>
        <div class="level-item has-text-centered">
            <div>
                <div>
                    <span class="icon is-left is-small search-icon">
                        <i class="fas fa-user"></i>
                    </span>
                </div>
                <div>
                    <p>我的</p>
                </div>
            </div>
        </div>
    </div>
</template>
<style scoped>
.nav-my {
  background-color: white;
  width: 100%;
}
</style>

